<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>login</title>
    <link rel="stylesheet" th:href="@{/css/chooseCard.css}">
    <link rel="stylesheet" th:href="@{/css/login.css}">
    <script language="JavaScript" th:src="@{/script/login_phone.js}"></script>
    <script language="JavaScript" th:src="@{/script/regist.js}"></script>
</head>

<body>
    <div class="container">
        <div class="container_img">
            <img th:src="@{/images/login.png}">
        </div>
        <div class="choose_container">
            <div class="nav">
                <!--active表示默认选择-->
                <div class="item active">
                    <i class="fa">账号登录</i>
                </div>
                <div class="item">
                    <i class="fa">手机号登录</i>
                </div>
            </div>
            <div class="content">
                <section class="active">
                    <div class="container_login">
                        <h1>登录账号</h1>
                        <form th:action="@{/AccountAndPassword}" method="post">
                            <label>账号</label>
                            <input type="text" name="AccountNo" onblur="ckAccountNo(this.value)"><br>
                            <label>密码</label>
                            <input type="password" name="password" value="123456"><br>
                            <input style="color: red" th:type="${type}" th:value="${error}" >
                            <a>忘了密码？</a>
                            <button type="submit">登录</button>
                            <div class="forgot">没有账号？<a onclick="clickRegister()">注册</a></div>
                        </form>
                    </div>
                </section>
                <section>
                    <div class="container_login">
                        <h1>手机号登录</h1>
                        <form id="phone_data" th:action="@{/loginByPhone}" method="post">
                            <label>手机号</label>
                            <input type="text" name="telephone" value="18377731569" /><br>
                            <label>验证码</label>
                            <input type="text" name="check" value="123456">
                            <button class="btn_phone" type="button" onclick="getCodeByPhone()">获取验证码</button>
                            <button>登录</button>
                        </form>
                    </div>
                </section>
            </div>
        </div>
    </div>
</body>

</html>

<!--script只能放在下面-->
<script th:src="@{/script/chooseCard.js}">
</script>